const imgs = document.querySelectorAll('.container img')
const pointer = document.querySelector('.pointer')

imgs.forEach(img => {
  img.addEventListener('mouseenter', e => {
    pointer.style.setProperty('--s', img.offsetWidth + 'px')
    pointer.style.setProperty('--x', img.offsetLeft + 'px')
    pointer.style.setProperty('--y', img.offsetTop + 'px')
  })
})
